<template>
  <div class="mailbox-container">
    <div class="subject-container" v-if="record.message_subject">
      <span class="title">Subject:</span>
      <span class="value" v-html="record.message_subject"></span>
    </div>
    <div class="subject-content" v-if="record.message_content">
      <span class="title">Content:</span>
      <div class="value" v-html="record.message_content"></div>
    </div>

    <a-divider></a-divider>

    <div class="subject-desc">
      <div class="value" v-html="record.message_desc"></div>
    </div>
  </div>
</template>

<script>
import record from "./record"

export default {
  mixins: [record],
}
</script>

<style lang="scss" scoped>
.subject-content {
  margin: $margin-md 0;
}
</style>
